<template>
  <div id="noData">
    <img src="../assets/images/no_data.png" />
    <span>{{ msg }}</span>
  </div>
</template>
<script setup lang="ts">
defineProps<{ msg: string }>();
</script>
<style lang="scss" scoped>
#noData {
  text-align: center;
  height: 400px;
  position: relative;
  img {
    top: 45%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
  span {
    font-size: $font-size;
    color: $info-color;
    top: 60%;
    position: absolute;
    transform: translate(-50%, -50%);
  }
}
</style>
